<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>学生列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">演示</a>
                <a>
                    <cite>导航元素</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
    </a>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form class="layui-form layui-col-space5">
                        <div class="layui-inline layui-show-xs-block">
                            <input type="text" name="gname" placeholder="年级名" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <button class="layui-btn" lay-submit="" lay-filter="sreach">
                                <i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </form>
                </div>
                <div class="layui-card-body ">
                    <table class="layui-table"
                           lay-data="{url:'./gradesearch.do',page:true,toolbar: '#toolbarDemo',id:'student'}"
                           lay-filter="student">
                        <thead>
                        <tr>
                            <th lay-data="{type:'radio'}">ID</th>
                            <th lay-data="{field:'id', width:80, sort: true}">ID</th>
                            <th lay-data="{field:'gname', width:120, sort: true}">年级名称</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData"> 获取选中行数据</button>
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
        <button class="layui-btn layui-btn-sm" lay-event="isAll"> 验证是否全选</button>
        <button class="layui-btn layui-btn-sm" lay-event="delAll">批量删除</button>
    </div>
</script>

<!--操作-->
<script type="text/html" id="studentListBar">

    <a class="layui-btn layui-btn-xs" id="edit" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-xs layui-btn-primary" id="look" lay-event="look">详情</a>
    <a class="layui-btn layui-btn-xs" id="delStudent" lay-event="delStudent">删除</a>
    <a class="layui-btn layui-btn-xs" id="updatepassword" lay-event="updatepassword">一键改密</a>

</script>

<script>
    var gobj=null;
    layui.use(['table', 'layer', 'form'],
    function () {
        var table = layui.table;
        var layer = layui.layer;
        var $ = layui.$;
        var form = layui.form;
        //监听上面的搜索按钮事件
        form.on("submit(sreach)", function (data) {
            alert(JSON.stringify(data.field));
            table.reload("student", {
                page: {
                    curr: 1
                    //重新从第 1 页开始
                }, where: data.field
            });
            return false;
        });


        function delStu(data) {
            alert(JSON.stringify(data));
            layer.confirm("真的要删除?", function () {
                $.get("xxx.do", {stuno: data.stuno}, function (rtn) {
                    layer.msg("删除成功");
                });
            });
        }
        table.on('row(student)', function (obj) {
            alert("row clicked");
            gobj=obj.data;
            alert(JSON.stringify(gobj));
        });
        table.on('tool(student)', function (obj) {
            var layEvent = obj.event;
            var data = obj.data;
            switch (layEvent) {
                case "edit":
                    //打开新窗口
                    var stuno = data.stuno;
                    //window.sessionStorage.setItem("stuno",stuno);
                    xadmin.open('修改学生', './student-update.html?' + stuno, 600, 400);
                    break;
                case "delStudent":
                    delStu(data);
                    break;
            }
        });

        //头工具栏事件
        table.on('toolbar(test)',
            function (obj) {
                var checkStatus = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'getCheckData':
                        var data = checkStatus.data;
                        layer.alert(JSON.stringify(data));
                        break;
                    case 'getCheckLength':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + data.length + ' 个');
                        break;
                    case 'isAll':
                        layer.msg(checkStatus.isAll ? '全选' : '未全选');
                        break;
                    case 'delAll':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + JSON.stringify(data));
                        var arr = [];
                        //
                        break;
                }
                ;
            });


    });</script>
<script>
    function  callbackdata() {
        if(gobj==null)
            return false;
        return gobj;
    }
</script>
</html>